{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        {% block title %}Document{% endblock %}
    </title>
    <!-- 引入bootstrap的css文件 -->
    <!-- https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css -->
    <link rel="stylesheet" href="{% static 'blog/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/base.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/pygments.css' %}">
</head>
<body class="d-flex flex-column min-vh-100">
    <!-- 引入头部 -->
    {% include 'blog/header.html' %}

    <!-- 消息提示 -->
    {% include 'blog/message.html' %}

    <!-- 内容区块 -->
    {% block content %}
    {% endblock %}
    
    <!-- 引入底部 -->
    {% include 'blog/footer.html' %}

    <!-- 回到顶部 -->
    <button id="back-to-top" class="btn btn-secondary position-fixed bottom-0 end-0 m-4 d-none">
        ↑
    </button>

    <!-- 引入bootstrap的js文件 -->
    <!-- https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js -->
    <script src="{% static 'blog/js/bootstrap.bundle.min.js' %}"></script>
    <script src="{% static 'blog/js/base.js' %}"></script>
    {% block extra_js %}{% endblock %}
</body>
</html>
